<!--
 * @Description: loading demom
 * @Autor: dengyongliang
 * @Date: 2021-04-17 10:11:34
 * @LastEditors: dengyongliang
 * @LastEditTime: 2021-08-16 13:34:56
-->
<template>
  <div style="padding: 20px">
    <el-button @click="open">点击开启默认</el-button>
    <el-button @click="open2('加载中，请稍后')">点击开启带文字</el-button>
  </div>
</template>

<script>
export default {
  name: 'DemoStep',
  components: {},
  directives: {},
  props: [],
  data() {
    return {}
  },
  mounted() {},
  methods: {
    open() {
      this.$siLoading()
      setTimeout(() => {
        this.$siLoading().close()
      }, 3000)
    },
    open2(text) {
      this.$siLoading(text)
      setTimeout(() => {
        this.$siLoading().close()
      }, 3000)
    },
    close() {
      this.$siLoading().close()
    }
  }
}
</script>

<style lang="scss" scoped></style>
